<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="templates/irtemplate.xhtml">
	<f:metadata>
		<f:event listener="#{irDownload.load}" type="preRenderView" />
	</f:metadata>
	<ui:define name="headDocuments">
		<h:form id="documentForm">
			<p:growl id="growl" showDetail="true" />
			<p:panelGrid id="documentsGrid" columns="3">
				<p:panelGrid id="resume" columns="2">
					<p:outputLabel>Total Documentos Descargados:</p:outputLabel>
					<p:outputLabel value="#{irDownload.downloadDocumentAmount}"></p:outputLabel>
				</p:panelGrid>
				<p:dataList id="dataListEnqueue" rendered="false"
					value="#{irDownload.downloadEnqueue}" var="queueEnqueue"
					type="definition">  
				    Proximo Evento: #{queueEnqueue.event}, Fecha: #{queueEnqueue.initDate} 
					</p:dataList>

				<p:dataList id="dataListActive" rendered="false" value="#{irDownload.downloadActive}"
					var="queueActive" type="definition">  
				    Evento Activo: #{queueActive.event}, Fecha: #{queueActive.initDate} 
					</p:dataList>

			</p:panelGrid>

			<p:commandButton value="Descargar"
				actionListener="#{irDownload.download}"></p:commandButton>
			<p:commandButton id="showDialogButton" value="Eliminar Descargas"
				onclick="confirmation.show()" type="button" rendered="false"/>
			<p:commandButton value="Eliminar Descargas" rendered="true"
				actionListener="#{irDownload.deleteDownloadSources}"></p:commandButton>
			<p:commandButton value="Normalizar"
				actionListener="#{documents.normalize}"
				update=":#{p:component('dataFile')}"></p:commandButton>



			<p:poll interval="10" update="resume,documents"
				listener="#{irDownload.poolListener}"  />


			<p:confirmDialog id="confirmDialog"
				message="Esta seguro de eliminar todas las descargas?"
				header="Eliminación de descargas" severity="alert"
				widgetVar="confirmation" appendToBody="true">
				<h:form id="confirmForm1">
					<p:commandButton id="decline" value="No Cancelar"
						onclick="confirmation.hide()" type="button" />
					<p:commandButton id="confirm" value="Si Eliminar"
						oncomplete="confirmation.hide()"
						actionListener="#{irDownload.deleteDownloadSources}"
						update=":documentForm:documentsGrid" />
						<p:commandButton value="Eliminar Descargas" rendered="true"
				actionListener="#{irDownload.deleteDownloadSources}"></p:commandButton>
				</h:form>
			</p:confirmDialog>

			<p:panel>
				<p:panelGrid columns="2" styleClass="align_top">

					<p:dataTable id="documents" value="#{documents.documents}"
						var="document" selection="#{documents.document}"
						selectionMode="single" rowKey="#{document.id}" paginator="true"
						rows="10" lazy="true" rowsPerPageTemplate="5,10,100">
						<p:ajax event="rowSelect" listener="#{documents.onRowSelect}"
							update=":documentForm:dataFile" />
						<f:facet name="header">  
			            Listado de Archivos 
			        </f:facet>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Nombre" />
							</f:facet>
							<h:outputText value="#{document.name}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Type" />
							</f:facet>
							<h:outputText value="#{document.sourceType}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Source" />
							</f:facet>
							<h:outputText value="#{document.source}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Fecha de Publicacion" />
							</f:facet>
							<h:outputText value="#{document.publishedDate}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Fecha de Descarga" />
							</f:facet>
							<h:outputText value="#{document.downloadDate}" />
						</p:column>

						<f:facet id="footer" name="footer">
						</f:facet>
					</p:dataTable>

					<p:panel id="dataFile" style="width:800px">
						<p:panel id="archivoOriginal" header="Archivo Original">
							<p:outputLabel id="originalDataLabel"
								value="#{documents.originalDataDocument}"></p:outputLabel>
						</p:panel>
						<p:panel id="archivoNormalizado" header="Archivo Normalizado">
							<p:outputLabel id="cleanDataLabel"
								value="#{documents.cleanDataDocument}"></p:outputLabel>
							<p:separator></p:separator>
						</p:panel>
					</p:panel>
				</p:panelGrid>
				<p:outputLabel styleClass="display"></p:outputLabel>
			</p:panel>

		</h:form>
	</ui:define>
</ui:composition>